<template>
	<view class="agreement-container">
		
		<scroll-view class="content" scroll-y>
			<!-- 与登录页一致的头部区域 -->
			<view class="page-header">
				<view class="inline-back-btn" @tap="handleBack">
					<uv-icon name="arrow-left" size="22" color="#333"></uv-icon>
					<text class="back-text">返回</text>
				</view>
				<image class="logo" src="/static/lyf.jpg" mode="aspectFit"></image>
				<text class="main-title">欢迎使用原野童年</text>
				<text class="sub-title">观看课程 获取早餐券</text>
			</view>
			<view class="agreement-content">
				<view v-if="type === 'user'" class="user-agreement">
					<view class="section">
						<h3>用户协议</h3>
						<p>欢迎使用原野童年小程序！</p>
						<p>本协议是您与原野童年小程序（以下简称"我们"）之间关于使用本小程序服务所订立的协议。</p>
					</view>
					
					<view class="section">
						<h4>1. 服务内容</h4>
						<p>本小程序为用户提供以下服务：</p>
						<ul>
							<li>课程观看和学习</li>
							<li>早餐券领取和管理</li>
							<li>用户信息管理</li>
							<li>其他相关服务</li>
						</ul>
					</view>
					
					<view class="section">
						<h4>2. 用户注册与账户</h4>
						<p>2.1 用户在使用本服务前需要注册账户，注册时应当提供真实、准确、完整的信息。</p>
						<p>2.2 用户应当妥善保管账户信息，不得将账户提供给他人使用。</p>
						<p>2.3 用户发现账户被他人非法使用时，应当立即通知我们。</p>
					</view>
					
					<view class="section">
						<h4>3. 用户行为规范</h4>
						<p>3.1 用户应当遵守中华人民共和国相关法律法规。</p>
						<p>3.2 用户不得利用本服务从事违法违规活动，包括但不限于：</p>
						<ul>
							<li>发布虚假信息</li>
							<li>侵犯他人知识产权</li>
							<li>传播违法内容</li>
							<li>干扰系统正常运行</li>
						</ul>
						<p>3.3 用户应当尊重其他用户，不得进行骚扰、威胁等不当行为。</p>
					</view>
					
					<view class="section">
						<h4>4. 知识产权</h4>
						<p>4.1 本小程序的所有内容，包括但不限于文字、图片、音频、视频等，均受知识产权法保护。</p>
						<p>4.2 用户不得未经授权使用、复制、传播本小程序的内容。</p>
					</view>
					
					<view class="section">
						<h4>5. 隐私保护</h4>
						<p>5.1 我们承诺保护用户隐私，具体内容请参见《隐私政策》。</p>
						<p>5.2 我们不会在未经用户同意的情况下向第三方提供用户个人信息。</p>
					</view>
					
					<view class="section">
						<h4>6. 服务变更与终止</h4>
						<p>6.1 我们保留随时修改或终止服务的权利。</p>
						<p>6.2 服务变更时，我们会通过小程序内公告等方式通知用户。</p>
						<p>6.3 用户违反本协议时，我们有权终止提供服务。</p>
					</view>
					
					<view class="section">
						<h4>7. 免责声明</h4>
						<p>7.1 我们尽力确保服务的稳定性和安全性，但不保证服务不会中断。</p>
						<p>7.2 用户因使用本服务而产生的任何损失，我们不承担责任。</p>
					</view>
					
					<view class="section">
						<h4>8. 协议修改</h4>
						<p>8.1 我们可能会修改本协议，修改后的协议将在小程序内公布。</p>
						<p>8.2 用户继续使用服务即表示同意修改后的协议。</p>
					</view>
					

					
					<view class="section">
						<h4>9. 协议生效</h4>
						<p>本协议自用户使用本服务时生效，使用本服务即表示同意本协议的全部内容。</p>
					</view>
				</view>
				
				<view v-else-if="type === 'privacy'" class="privacy-policy">
					<view class="section">
						<h3>隐私政策</h3>
						<p>本隐私政策说明了原野童年小程序如何收集、使用和保护您的个人信息。</p>
						<p>我们非常重视您的隐私保护，请您仔细阅读本政策。</p>
					</view>
					
					<view class="section">
						<h4>1. 信息收集</h4>
						<p>1.1 我们收集的信息包括：</p>
						<ul>
							<li>手机号码（用于登录和身份验证）</li>
							<li>微信授权信息（头像、昵称等）</li>
							<li>设备信息（设备型号、操作系统等）</li>
							<li>使用记录（课程观看记录、操作日志等）</li>
							<li>位置信息（如您授权）</li>
						</ul>
						<p>1.2 我们通过以下方式收集信息：</p>
						<ul>
							<li>您主动提供的信息</li>
							<li>微信授权获取的信息</li>
							<li>系统自动收集的信息</li>
						</ul>
					</view>
					
					<view class="section">
						<h4>2. 信息使用</h4>
						<p>2.1 我们使用收集的信息用于：</p>
						<ul>
							<li>提供和改进服务</li>
							<li>身份验证和安全保护</li>
							<li>个性化用户体验</li>
							<li>客户服务和支持</li>
							<li>法律合规要求</li>
						</ul>
						<p>2.2 我们不会将您的信息用于其他商业目的。</p>
					</view>
					
					<view class="section">
						<h4>3. 信息保护</h4>
						<p>3.1 我们采用行业标准的安全措施保护您的信息：</p>
						<ul>
							<li>数据加密传输和存储</li>
							<li>访问控制和权限管理</li>
							<li>安全审计和监控</li>
							<li>定期安全评估</li>
						</ul>
						<p>3.2 我们定期更新安全措施以应对新的安全威胁。</p>
					</view>
					
					<view class="section">
						<h4>4. 信息共享</h4>
						<p>4.1 除以下情况外，我们不会与第三方共享您的信息：</p>
						<ul>
							<li>获得您的明确同意</li>
							<li>法律法规要求</li>
							<li>保护用户和公众的安全</li>
							<li>与授权合作伙伴共享（仅限必要信息）</li>
						</ul>
						<p>4.2 我们要求合作伙伴同样保护您的隐私。</p>
					</view>
					
					<view class="section">
						<h4>5. 信息存储</h4>
						<p>5.1 您的信息存储在中国境内的服务器上。</p>
						<p>5.2 我们会在必要期间内保留您的信息。</p>
						<p>5.3 当不再需要时，我们会安全删除您的信息。</p>
					</view>
					
					<view class="section">
						<h4>6. 您的权利</h4>
						<p>您对您的个人信息享有以下权利：</p>
						<ul>
							<li>访问和查看您的个人信息</li>
							<li>更正或更新不准确的信息</li>
							<li>删除您的账户和相关信息</li>
							<li>撤回同意授权</li>
							<li>投诉和举报</li>
						</ul>
					</view>
					
					<view class="section">
						<h4>7. Cookie和类似技术</h4>
						<p>7.1 我们使用Cookie和类似技术来改善用户体验。</p>
						<p>7.2 您可以通过设备设置管理Cookie。</p>
					</view>
					
					<view class="section">
						<h4>8. 未成年人保护</h4>
						<p>8.1 我们不会故意收集14岁以下儿童的个人信息。</p>
						<p>8.2 如发现误收集了儿童信息，我们会立即删除。</p>
					</view>
					
					<view class="section">
						<h4>9. 政策更新</h4>
						<p>9.1 我们可能会更新本隐私政策。</p>
						<p>9.2 重大变更时，我们会通过小程序内公告等方式通知您。</p>
						<p>9.3 继续使用服务即表示同意更新后的政策。</p>
					</view>
					

				</view>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type: '',
				pageTitle: ''
			}
		},
		onLoad(options) {
			this.type = options.type || 'user';
			this.pageTitle = this.type === 'user' ? '用户协议' : '隐私政策';
			// 使用系统导航栏标题
			uni.setNavigationBarTitle({
				title: this.pageTitle
			});
		},
		methods: {
			handleBack() {
				const pages = getCurrentPages();
				if (pages && pages.length > 1) {
					uni.navigateBack({ delta: 1 });
				} else {
					uni.reLaunch({ url: '/subpkg/login_page/login_page' });
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.agreement-container {
		min-height: 100vh;
		background-color: #fff;
	}

	.content {
		/* 与登录页一致的内边距与安全区处理 */
		height: 100vh;
		padding: calc(100rpx + env(safe-area-inset-top)) 40rpx;
		box-sizing: border-box;
	}

	/* 页面头部（与登录页一致的视觉风格） */
	.page-header {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 0;
		padding-bottom: 0;
		margin-bottom: 40rpx;
	}

	.inline-back-btn {
		align-self: flex-start;
		display: inline-flex;
		align-items: center;
		gap: 8rpx;
		padding: 8rpx 12rpx;
		border-radius: 24rpx;
		background: #f7f7f7;
		margin-bottom: 8rpx;
	}

	.back-text {
		font-size: 26rpx;
		color: #333;
	}



	.logo {
		width: 280rpx;
		height: 280rpx;
		border-radius: 16rpx;
		margin-bottom: 40rpx;
	}

	.main-title {
		font-size: 44rpx;
		font-weight: 600;
		color: #333;
		letter-spacing: 2rpx;
		margin-bottom: 6rpx;
	}

	.sub-title {
		font-size: 28rpx;
		color: #999;
	}
	
	.agreement-content {
		line-height: 1.6;
		color: #333;
		
		.section {
			margin-bottom: 40rpx;
			
			h3 {
				font-size: 36rpx;
				font-weight: 600;
				color: #333;
				margin-bottom: 20rpx;
			}
			
			h4 {
				font-size: 32rpx;
				font-weight: 500;
				color: #333;
				margin-bottom: 16rpx;
			}
			
			p {
				font-size: 28rpx;
				color: #666;
				margin-bottom: 12rpx;
				text-align: justify;
			}
			
			ul {
				margin: 16rpx 0;
				padding-left: 40rpx;
				
				li {
					font-size: 28rpx;
					color: #666;
					margin-bottom: 8rpx;
					line-height: 1.5;
				}
			}
		}
	}
</style> 